<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Quote
        <small>Quote Detail</small>
    </h1>
    <ol class="breadcrumb">
        <li><a ui-sref="main.dashboard"><i class="fa fa-dashboard"></i> Dashboard</a>
        </li>
        <li><a ui-sref="main.account">Quote</a>
        </li>
        <li class="active">Cloud View Systems Initial Quote</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <div class="nav-tabs-custom" bs-tabs>
        <!-- use data-title instead of title attribute to avoid the default browser behavior of title -->
        <div data-title="<i class='fa fa-user'></i> Profile" bs-pane>
            <div class="tab-pane active" id="profile">
                <!-- title row -->
                <div class="row">
                    <div class="col-xs-12">
                        <h2 class="page-header">
                            <i class="fa fa-user"></i> Cloud View Systems Initial Quote
                            <small class="pull-right">Last Update Date: 2/10/2014</small>
                        </h2>
                    </div>
                    <!-- /.col -->
                </div>

                <div class="row">
                    <div class="col-sm-12">
                        <dl class="dl-horizontal">
                            <dt class="text-muted">Stage:</dt>
                            <dd>
                                <span class="label label-success">Approved</span>
                            </dd>
                            <dt class="text-muted">Opportunity Name:</dt>
                            <dd>Toto Lara</dd>
                            <dt class="text-muted">Number:</dt>
                            <dd>4</dd>
                            <dt class="text-muted">Pruchase Order Number:</dt>
                            <dd>23233</dd>
                            <dt class="text-muted">Valid Until:</dt>
                            <dd>07/28/2013</dd>
                            <dt class="text-muted">Payment Terms:</dt>
                            <dd>www@example.com</dd>
                            <dt class="text-muted">Original P.O. Number:</dt>
                            <dd>(804) 123-5432</dd>
                            <dt class="text-muted">Billing Account Name:</dt>
                            <dd>E-Commercial</dd>
                            <dt class="text-muted">Billing Contact Name:</dt>
                            <dd>E-Commercial</dd>
                            <dt class="text-muted">Shipping Account Name:</dt>
                            <dd>E121321</dd>
                            <dt class="text-muted">Shipping Contact Name:</dt>
                            <dd>E-Commercial</dd>
                            <dt class="text-muted">Bill to:</dt>
                            <dd>E-Commercial</dd>
                            <dt class="text-muted">Ship to:</dt>
                            <dd>E-Commercial</dd>
                            <dt class="text-muted">Description:</dt>
                            <dd>Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab</dd>
                        </dl>
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->

                <div class="row">
                    <div class="col-sm-6">
                        <p class="lead"><i class="fa fa-envelope-o"></i> Other</p>
                        <dl class="dl-horizontal">
                            <dt class="text-muted">Assigned to:</dt>
                            <dd>China</dd>
                            <dt class="text-muted">Terms:</dt>
                            <dd>123456</dd>
                        </dl>
                    </div>
                    <!-- /.col -->
                </div>

                <div class="row">
                    <div class="col-sm-12">
                        <p class="lead"><i class="fa fa-bar"></i> Line Items</p>
                        <table class="table table-striped footable" data-sort="false">
                            <thead>
                                <tr>
                                    <th>Item</th>
                                    <th>Quantity</th>
                                    <th>Tax Class</th>
                                    <th>Cost</th>
                                    <th>List</th>
                                    <th>Unit Price</th>
                                    <th>Discount (in %)</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Call of Duty</td>
                                    <td>123</td>
                                    <td>Taxable</td>
                                    <td>500.00</td>
                                    <td>500.00</td>
                                    <td>2500.00</td>
                                    <td>0</td>
                                </tr>
                                <tr>
                                    <td>Need for Speed IV</td>
                                    <td>123</td>
                                    <td>Taxable</td>
                                    <td>500.00</td>
                                    <td>500.00</td>
                                    <td>25000.00</td>
                                    <td>0</td>
                                </tr>
                                <tr>
                                    <td>Monsters DVD</td>
                                    <td>123</td>
                                    <td>Taxable</td>
                                    <td>500.00</td>
                                    <td>500.00</td>
                                    <td>24500.00</td>
                                    <td>0</td>
                                </tr>
                                <tr>
                                    <td>Grown Ups Blue Ray</td>
                                    <td>123</td>
                                    <td>Taxable</td>
                                    <td>500.00</td>
                                    <td>500.00</td>
                                    <td>3400.00</td>
                                    <td>0</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="row">
                    <!-- accepted payments column -->
                    <div class="col-xs-6">
                        <p class="lead">Payment Methods:</p>
                        <img src="images/visa.png" alt="Visa" />
                        <img src="images/mastercard.png" alt="Mastercard" />
                        <img src="images/american-express.png" alt="American Express" />
                        <img src="images/paypal2.png" alt="Paypal" />
                        <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
                            Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
                        </p>
                    </div>
                    <!-- /.col -->
                    <div class="col-xs-6">
                        <p class="lead">Amount Due 2/22/2014</p>
                        <div class="table-responsive">
                            <table class="table">
                                <tr>
                                    <th style="width:50%">Subtotal:</th>
                                    <td>$250.30</td>
                                </tr>
                                <tr>
                                    <th>Tax (9.3%)</th>
                                    <td>$10.34</td>
                                </tr>
                                <tr>
                                    <th>Shipping:</th>
                                    <td>$5.80</td>
                                </tr>
                                <tr>
                                    <th>Total:</th>
                                    <td>$265.24</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->

                <!-- this row will not appear when printing -->
                <div class="row no-print">
                    <div class="col-xs-12">
                        <button class="btn btn-sm btn-default" onclick="window.print();"><i class="fa fa-print"></i> Print</button>
                        <button class="btn btn-sm btn-primary pull-right"><i class="fa fa-download"></i> Generate PDF</button>
                    </div>
                </div>
            </div>
        </div>
        <div data-title="<i class='fa fa-rss'></i> Activity" bs-pane>Activity</div>
        <div data-title="<i class='fa fa-bars'></i> History" bs-pane>History</div>
        <div data-title="<i class='fa fa-file-archive-o'></i> Document" bs-pane>Document</div>
    </div>
</section>
